xxxxxxxxxx# Hands-on Lab: Image Generation in Action with Microsoft Copilot and Microsoft Designer(Optional)# Hands-on Lab: Image Generation in Action with Microsoft Copilot and Microsoft Designer(Optional)
**Estimated time:** 45 minutes
Welcome to the hands-on lab image generation in action with Microsoft Copilot and Microsoft Designer.
## What are AI image generation tools?
AI image generation tools are programs that use advanced technology to create or improve images without human intervention. These tools can create lifelike images, improve blurry pictures, remove unwanted elements, and create images based on written descriptions. Popular AI image generation tools like Microsoft Copilot, DALL-E, and StyleGAN are widely used in art, design, and research to make image-making process easier and create exceptional visuals.
This lab focuses on generative AI\'s image-generation capabilities. You will examine and explore the Microsoft Copilot/Microsoft Designer and use it to generate image captions and create thumbnails from textual descriptions.
## Learning Objectives
After completing this lab, you will be able to:
- Explore the image-generation capabilities of generative AI using Microsoft Copilot and Microsoft Designer
- Generate an image caption using Microsoft Copilot
- Create thumbnail images representing larger images using Microsoft Copilot
- Generate an social media post using Microsoft Designer
**Note**: These exercises are optional, as using the Microsoft Copilot/Designer requires signing in with your email account.
## Exercise 1: Generate image caption using Microsoft Copilot
In the digital age, image captions have gained even more importance due to their role in improving accessibility for people with visual impairments. Screen readers and other assistive technologies can read these captions aloud, allowing individuals who cannot see the image to understand its content. Generative AI models simplify the task of predicting the captions for the given image.
In this exercise, you will generate the caption for an image using GPT- powered Microsoft Copilot.
### What is Microsoft Copilot?
Microsoft Copilot is an LLM-based (large language model) chatbot developed by Microsoft. It can cite sources, create poems, and write songs.
Copilot uses generative AI technology (Microsoft Prometheus model) built upon OpenAI\'s GPT-4 foundational large language model, which has been fine-tuned using supervised and reinforcement learning techniques. Copilot\'s conversational interface style resembles ChatGPT\'s. The chatbot can communicate using numerous languages and dialects.
The free version of Microsoft Copilot includes the standard Copilot chatbot.
Microsoft Copilot is oriented toward generating images from your ideas that enhance your design or even create clever caption and hashtag options.
Let\'s generate captivating captions for the images using Microsoft Copilot\'s GPT model.
### Step 1: Select the image for caption generation
Select the image for which you want to generate the caption.
### Step 2: Launch Microsoft Copilot
1. Click [Microsoft Copilot](https://copilot.microsoft.com/) to launch it.
>Note: If you cannot access Microsoft Copilot by clicking the link, copy the following URL and paste it into a browser.
```
https://copilot.microsoft.com/
```
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/BSmYcgaDLqz8ocEyxHH17g/copilot1.png" alt="Microsoft Copilot-Home page" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
### Step 3: Sign in/Sign up and launch Microsoft Copilot
> Note: Signing up or signing in is not mandatory when using Microsoft Copilot. However, it is recommended that you sign up or sign in with your Microsoft account to ask multiple questions and have longer conversations with the chatbot. Using Microsoft Copilot, you can generate unlimited images for free. You will just require a Microsoft account, which is free to set up.
1. Select `Sign in` at the top of the page.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/gwOXfCBz4lxEYYXRy47MIA/sign-in.png" alt="Microsoft Copilot-Home page 2" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
2. If you have an email associated with Microsoft, you can sign in directly using that email.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/2l6-QGMfeGWS0tBggFKLCQ/signin-new.png" alt="Microsoft-Sign in page" style="display: block;margin-left: auto;margin-right: auto;width: 50%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
> Note: After clicking `Next`, you may receive an authentication code in your email, which you must enter when signing in.
3. If you do not have an email account, then you can select `Create one!` and then select `Get a new email address` to set up a new account.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/qTTXVlOceNVAc53O7gRfBQ/Picture23.png" alt="Microsoft-Create account page" style="display: block;margin-left: auto;margin-right: auto;width: 50%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
4. Fill in your credentials and follow the steps to create an email. After creating the email, sign in using your credentials to use the Microsoft Copilot platform.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/_w5_dwJ92gZoSJx40wAocA/login-new.png" alt="Microsoft-Email creation steps" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
5. After signing in, you may need to answer some onboarding questions like your name and you preffered voice for ineteraction.Once you complete these steps you will reach the Copilot home page.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/gynEOsFvDDslwtDs0Cvnuw/copilot-homepage.png" alt="Microsoft Copilot-Home page" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
6. To generate images and captions, type your prompt or upload the images in the \'Message Copilot\' field.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/atlrjnpxbJj23tUDuzsSUQ/message-Copilot.png" alt="Microsoft Copilot-Prompt typing space" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
### Step 4: Generate the caption for the selected image
1. Insert the image for which you want to generate the caption by clicking the Add an image button on the left side of the prompt (Message Copilot) field.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/sZ7iHF_Phma45DJxsSpn5Q/upload-image.png" alt="Microsoft Copilot-image selection" style="display: block;margin-left: auto;margin-right: auto;width: 50%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
2. After uploading the image, you will see a small thumbnail of the image below the prompt field. Now, within the prompt field, you can type the message to generate the caption.
For example,
```
Generate a caption for this image.
```
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/-LeJ-WyJyo0FouEdVqXOVg/generate-Caption.png" alt="Microsoft Copilot-Image uploaded and message written" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
3. Now click the **Submit** button, and the system generates the caption within seconds, as shown in the screenshots below.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/onNs0lhCdFrjgFxShXP6iw/submit-message.png" alt="Microsoft Copilot-Click Submit" style="display: block;margin-left: auto;margin-right: auto;width: 30%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/X6_r0e-_jU6jrMmhtZogUw/generated-caption.png" alt="Microsoft Copilot-Caption generated" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
4. You can also regenerate the response by simply typing `Regenerate response` in the prompt field.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/jE8VXGTycxD8LuBGudbLyA/regenerate-response.png" alt="Microsoft Copilot-Regenerating response" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
5. Now, you must try generating captions for three images of your choice using the Microsoft Copilot.
## Exercise 2: Create small thumbnail images representing larger images using Microsoft Copilot
Thumbnails are small images that provide a preview of larger content, such as videos, images, or documents. This visual preview improves navigation, enhances the user experience, aids content organization, and contributes to marketing efforts across various digital platforms.
In this exercise, you will use the Microsoft Copilot to create a small thumbnail image representing a larger image.
Let\'s generate a thumbnail representing the images or videos using the Microsoft Copilot Image Creator tool.
### Step 1: Sign in/Sign up and launch Microsoft Copilot
To sign in/sign up and launch Microsoft Copilot , follow steps 2 and 3 in Exercise 1: Generate image caption using Microsoft Copilot.
### Step 2: Exercise the thumbnail generation
1. To create the thumbnail for your video, type the prompt in the prompt field.
For example,
```
Create a thumbnail for a video based on the Importance of IBM certification.
```
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/0HZBzivCx216TTrLgjB8wA/thumbnail-prompt.png" alt="Microsoft Copilot-Typed prompt in prompt field" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
2. Now, click **Submit**, and you will get the output.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/jCxw7cd6PewvaXqji7lteg/generated-thumbnail.png" alt="Microsoft Copilot -Click Submit" style="display: block;margin-left: auto;margin-right: auto;width: 70%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
3. Use the **Download** option to download the image.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/yyIrZEnLBi7wqQfxCXJjxg/download.png" alt="Microsoft Copilot -Thumbnail modification options" style="display: block;margin-left: auto;margin-right: auto;width: 30%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
4. Now, you must try generating three thumbnails using Microsoft Copilot.
## Exercise 3: Generate social media post using Microsoft Designer
A social media post is any content shared on various social medis platforms like Facebook, Instagram, or Twitter, designed to engage, inform, or entertain an audience. It plays a key role in building connections, sharing updates, and influencing conversations. Generative AI streamlines the creation of visually appealing posts, such as social media posters, by automating design elements, crafting engaging captions, and personalizing content, making the entire process faster, more efficient, and tailored to audience preferences.
In this exercise, you will generate a social media post using Microsoft Designer.
### What is Microsoft Designer ?
Microsoft Designer is an AI-powered graphic design tool developed by Microsoft, aimed at simplifying the process of creating professional-quality designs for both personal and business use. It is part of the Microsoft 365 suite of tools and leverages advanced artificial intelligence, particularly from DALL·E, an image generation model created by OpenAI, to help users design visuals quickly and easily.
### Step 1: Launch Microsoft Designer
1. Click [Microsoft Designer](https://designer.microsoft.com/) to launch it.
>Note: If you cannot access Microsoft Designer by clicking the link, copy the following URL and paste it into a browser.
```
https://designer.microsoft.com/
```
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/aONeQjL_iJuGTeLD4uMbyw/designer-login.png" alt="Microsoft Designer-Home page" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
### Step 2: Sign in and launch Microsoft Designer
To sign in and launch Microsoft Designer \, use the same ID used to log in to Microsoft Copilot in Exercise 1 and 2.
### Step 3: Generate the Social Media Posts
1. To generate the social media post for your social account, search for the **Social Posts** option using the arrow key.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/H7VhAFa-1rtNFnlgFertzA/arrow.png" alt="Microsoft Designer-Arrow Key" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
2.Click on the **Social Posts** icon
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/cq_1rv1Uq433PKe5z9-mig/social-post.png" alt="Social Post" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
3.To create the social post, type the prompt in the Description field.
For example,
```
Create a social media post highlighting the significance of IBM certification.
```
4.Choose the **Size** option. You\'ll see several size options available. Select **Landscape** and then click **Generate.**
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/8wsz4MvkwKOxdZd-zDv6Kg/generate.png" alt="Generate" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
*Note: If you want to create a post using your own images, you can upload them by clicking on the \"Images\" option.*
5.You will see the output below the input options.
<img src="https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/70z0Q2Z347EV7WO1fR7VFA/output-exercise3.png" alt="Social Post Output" style="display: block;margin-left: auto;margin-right: auto;width: 100%;margin-bottom: 1cm; border-style:solid; border-width:1px;">
Now, you must try generating three social posts using Microsoft Designer.
## Summary
Congratulations! You just completed the hands-on lab image generation in action with Microsoft Copilot and Microsoft Designer
In this lab, you explored the image-generation capabilities of generative AI. You also learned how to generate captivating captions for images and how to create thumbnail images using Microsoft Copilot and how to generate social media posts using Microsoft Designer.
### Author(s)
Gagandeep Singh

<!--
Changelog
| Date | Version | Changed by | Change description |
| ------------ | ------------ | ------------ | ------------ |
| 2024–05–15 | 0.1 | Gagandeep Singh | Initial version created |
|2024-09-23 |0.2 |Vandana Pandey |Removed Instruction related to designer|
|2024-11-07 |0.3 |Vandana Pandey |Added instructions for Microsoft Designer|
-->
Estimated time: 45 minutes
Welcome to the hands-on lab image generation in action with Microsoft Copilot and Microsoft Designer.
AI image generation tools are programs that use advanced technology to create or improve images without human intervention. These tools can create lifelike images, improve blurry pictures, remove unwanted elements, and create images based on written descriptions. Popular AI image generation tools like Microsoft Copilot, DALL-E, and StyleGAN are widely used in art, design, and research to make image-making process easier and create exceptional visuals.
This lab focuses on generative AI's image-generation capabilities. You will examine and explore the Microsoft Copilot/Microsoft Designer and use it to generate image captions and create thumbnails from textual descriptions.
After completing this lab, you will be able to:
Note: These exercises are optional, as using the Microsoft Copilot/Designer requires signing in with your email account.
In the digital age, image captions have gained even more importance due to their role in improving accessibility for people with visual impairments. Screen readers and other assistive technologies can read these captions aloud, allowing individuals who cannot see the image to understand its content. Generative AI models simplify the task of predicting the captions for the given image.
In this exercise, you will generate the caption for an image using GPT- powered Microsoft Copilot.
Microsoft Copilot is an LLM-based (large language model) chatbot developed by Microsoft. It can cite sources, create poems, and write songs.
Copilot uses generative AI technology (Microsoft Prometheus model) built upon OpenAI's GPT-4 foundational large language model, which has been fine-tuned using supervised and reinforcement learning techniques. Copilot's conversational interface style resembles ChatGPT's. The chatbot can communicate using numerous languages and dialects.
The free version of Microsoft Copilot includes the standard Copilot chatbot.
Microsoft Copilot is oriented toward generating images from your ideas that enhance your design or even create clever caption and hashtag options.
Let's generate captivating captions for the images using Microsoft Copilot's GPT model.
Select the image for which you want to generate the caption.
Note: If you cannot access Microsoft Copilot by clicking the link, copy the following URL and paste it into a browser.
- 1
https://copilot.microsoft.com/
Note: Signing up or signing in is not mandatory when using Microsoft Copilot. However, it is recommended that you sign up or sign in with your Microsoft account to ask multiple questions and have longer conversations with the chatbot. Using Microsoft Copilot, you can generate unlimited images for free. You will just require a Microsoft account, which is free to set up.
Sign in at the top of the page.
Note: After clicking
Next, you may receive an authentication code in your email, which you must enter when signing in.
Create one! and then select Get a new email address to set up a new account.
- 1
Generate a caption for this image.
Regenerate response in the prompt field.
Thumbnails are small images that provide a preview of larger content, such as videos, images, or documents. This visual preview improves navigation, enhances the user experience, aids content organization, and contributes to marketing efforts across various digital platforms.
In this exercise, you will use the Microsoft Copilot to create a small thumbnail image representing a larger image.
Let's generate a thumbnail representing the images or videos using the Microsoft Copilot Image Creator tool.
To sign in/sign up and launch Microsoft Copilot , follow steps 2 and 3 in Exercise 1: Generate image caption using Microsoft Copilot.
- 1
Create a thumbnail for a video based on the Importance of IBM certification.
A social media post is any content shared on various social medis platforms like Facebook, Instagram, or Twitter, designed to engage, inform, or entertain an audience. It plays a key role in building connections, sharing updates, and influencing conversations. Generative AI streamlines the creation of visually appealing posts, such as social media posters, by automating design elements, crafting engaging captions, and personalizing content, making the entire process faster, more efficient, and tailored to audience preferences.
In this exercise, you will generate a social media post using Microsoft Designer.
Microsoft Designer is an AI-powered graphic design tool developed by Microsoft, aimed at simplifying the process of creating professional-quality designs for both personal and business use. It is part of the Microsoft 365 suite of tools and leverages advanced artificial intelligence, particularly from DALL·E, an image generation model created by OpenAI, to help users design visuals quickly and easily.
Note: If you cannot access Microsoft Designer by clicking the link, copy the following URL and paste it into a browser.
- 1
https://designer.microsoft.com/
To sign in and launch Microsoft Designer , use the same ID used to log in to Microsoft Copilot in Exercise 1 and 2.
2.Click on the Social Posts icon
3.To create the social post, type the prompt in the Description field.
For example,
- 1
Create a social media post highlighting the significance of IBM certification.
4.Choose the Size option. You'll see several size options available. Select Landscape and then click Generate.
Note: If you want to create a post using your own images, you can upload them by clicking on the "Images" option.
5.You will see the output below the input options.
Now, you must try generating three social posts using Microsoft Designer.
Congratulations! You just completed the hands-on lab image generation in action with Microsoft Copilot and Microsoft Designer
In this lab, you explored the image-generation capabilities of generative AI. You also learned how to generate captivating captions for images and how to create thumbnail images using Microsoft Copilot and how to generate social media posts using Microsoft Designer.
Gagandeep Singh
